import {
  login,
  logout,
  getInfo
} from '@/api/user'
import {
  getToken,
  setToken,
  removeToken
} from '@/utils/auth'
import router, {
  resetRouter
} from '@/router'
import {
  encryption2
} from '@/api/index'

const state = {
  token: getToken(),
  userId: '',
  name: '',
  avatar: '',
  introduction: '',
  roles: []
}

const mutations = {
  SET_TOKEN: (state, token) => {
    state.token = token
  },
  SET_INTRODUCTION: (state, introduction) => {
    state.introduction = introduction
  },
  SET_NAME: (state, name) => {
    state.name = name
  },
  SET_AVATAR: (state, avatar) => {
    state.avatar = avatar
  },
  SET_ROLES: (state, roles) => {
    state.roles = roles
  },
  SET_USERID: (state, userId) => {
    state.userId = userId
  }
}

const actions = {
  // user login
  login({
    commit
  }, userInfo) {
    return new Promise((resolve, reject) => {
      const url = '/user/login'
      encryption2(userInfo, url).then((res) => {
        console.log(res);
        if (res.data.status == 0) {
          resolve(res)
          setToken(res.data.result.token)
          commit('SET_ROLES', res.data.result.type)
          if (res.data.result.type == 1) {
            sessionStorage.setItem('roles', JSON.stringify(['admin', 'editor']))
            commit('SET_ROLES', ['admin', 'editor'])
          } else {
            sessionStorage.setItem('roles', JSON.stringify(['admin']))
            commit('SET_ROLES', ['admin'])
          }
          sessionStorage.setItem('avatar', JSON.stringify(res.data.result.head_pic))
          commit('SET_TOKEN', res.data.result.token)
          commit('SET_USERID', res.data.result.guild_info.guild_id)
          commit('SET_AVATAR', res.data.result.head_pic)
          commit('SET_INTRODUCTION', res.data.result.guild_info.guild_name)
        } else {
          reject(res)
        }
      }).catch(error => {
        reject(error)
      })
    })
  },

  // get user info
  getInfo({
    commit,
    state
  }) {
    return new Promise((resolve, reject) => {
      // getInfo(state.token).then(response => {
      if (!state) {
        reject('Verification failed, please Login again.')
      }
      // console.log(state.roles);
      //   // roles must be a non-empty array
      if (!state.roles || state.roles.length <= 0) {
        reject('权限值已清空，请重新登录')
      }

      resolve(state)
      // }).catch(error => {
      //   reject(error)
      // })
    })
  },

  // user logout
  logout({
    commit,
    state,
    dispatch
  }) {
    return new Promise((resolve, reject) => {
      // logout(state.token).then(() => {
      commit('SET_TOKEN', '')
      commit('SET_ROLES', [])
      removeToken()
      resetRouter()

      dispatch('tagsView/delAllViews', null, {
        root: true
      })

      resolve()
      // }).catch(error => {
      //   reject(error)
      // })
    })
  },

  // remove token
  resetToken({
    commit
  }) {
    return new Promise(resolve => {
      commit('SET_TOKEN', '')
      commit('SET_ROLES', [])
      removeToken()
      resolve()
    })
  },

  // dynamically modify permissions
  async changeRoles({
    commit,
    dispatch
  }, role) {
    const token = role + '-token'

    commit('SET_TOKEN', token)
    setToken(token)

    const {
      roles
    } = await dispatch('getInfo')

    resetRouter()

    // generate accessible routes map based on roles
    const accessRoutes = await dispatch('permission/generateRoutes', roles, {
      root: true
    })
    // dynamically add accessible routes
    router.addRoutes(accessRoutes)

    // reset visited views and cached views
    dispatch('tagsView/delAllViews', null, {
      root: true
    })
  }
}

export default {
  namespaced: true,
  state,
  mutations,
  actions
}
